<!-- Modal -->
<div class="modal fade modal-default" id="dlg-permission" tabindex="-1" role="dialog" aria-hidden="true" ng-init="initDialog()">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h3>Create Permission</h3>
            </div>
            <div class="modal-body">
                <section class="">
                    <form ng-class="{'submitted': submitted}" ng-submit="save()">
                        <div class="row">
                            <section class="col-lg-12">
                                <permission-main page="viewmodel"></permission-main>
                            </section>
                        </div>
                        <div class="row">
                            <section class="col-lg-12">
                                <div class="card mb-4">
                                    <h6 class="card-header">Plug &amp; Play</h6>
                                    <div class="card-body">
                                        <permission-plug-play page="viewmodel" prefix-parent="'modal_perm_parent_'" prefix-child="'modal_perm_child_'"></permission-plug-play>
                                    </div>
                                </div>
                            </section>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <button type="submit" class="btn btn-success">Save</button>
                                <button type="button" class="btn btn-default" data-bs-dismiss="modal">
                                    Close
                                </button>
                            </div>
                        </div>
                    </form>
                </section>
            </div>
            <div class="modal-footer"></div>
        </div>
    </div>
</div>